<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <title>经办人认证</title>
  <link href="css/mui.min.css" rel="stylesheet" />
  <link href="css/mui.picker.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="css/operator_rz.min.css">
</head>

<body>
  <div class="wrap" id="app">
    <!-- 联系客服 -->
    <div class="kefu" v-if="env!='mp'" onclick="toKefu()">
      <img :src="ossImgUrl+'btn_kf.png'" alt="">
    </div>
    <div class="main">
      <!-- 模块标题 -->
      <div class="modeltitle">
        <span class="iconspan"></span>
        <span>经办人手机实名认证</span>
      </div>
      <!-- 内容 -->
      <div class="content">
        <ul>
          <li class="selfliitem">
            <div class="lfitem" @click="switchAgency(1)">
              <span class="circle" :class="is_agency==1 && 'circleclick'"></span>
              <span>企业法人</span>
              <div>个体户经营者签约</div>
            </div>
            <div class="rtitem" @click="switchAgency(2)">
              <span class="circle" :class="is_agency==2 && 'circleclick'"></span>
              <span>企业</span>
              <div>个体户其他员工代签</div>
            </div>
          </li>
          <li class="li_item">
            <p>姓名:</p>
            <input :readonly="is_agency==1" type="text" placeholder="请输入姓名" v-model="enp_user" @blur="mustClick"
              onkeyup="this.value=this.value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,'')" />
          </li>
          <li class="li_item">
            <p>手机号:</p>
            <input :readonly="isReadonly" type="tel" maxlength="13" placeholder="请输入手机号" v-model="user_phone"
              @blur="mustClick"
              onkeyup="this.value =this.value.replace(/\s/g,'').replace(/[^\d]/g, '').replace(/(^\d{3}\B|\d{4}\B)/g,'$1 ');"
              onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu="value=value.replace(/[^0-9]/g,'')" />
          </li>
          <li class="li_item">
            <p>身份证号:</p>
            <input :readonly="is_agency==1" type="text" maxlength="18" placeholder="请输入身份证号" v-model="user_number"
              onKeyUp="value=value.replace(/[\W]/g,'').replace(/\s/g,'')" @blur="verifyId" />
          </li>
          <li class="self_li">
            <div class="selftitle">身份证照片:</div>
            <div class="imgbox">
              <div class="imgitem">
                <div class="noimg" v-if="!user_front_img">
                  <input :readonly="is_agency==1" type="file" accept="image/*" @change="upLoad('input4',4)"
                    ref="input4">
                  <img :src="ossImgUrl+'certificates_bg_2.png'" alt="">
                  <span>上传证件正面照</span>
                </div>
                <div class="hasimg" v-else>
                  <img :src="user_front_img" alt="">
                  <span class="delimg" @click="deletePic(4)"></span>
                </div>
              </div>
              <div class="imgitem">
                <div class="noimg" v-if="!user_verso_img">
                  <input :readonly="is_agency==1" type="file" accept="image/*" @change="upLoad('input5',5)"
                    ref="input5">
                  <img :src="ossImgUrl+'certificates_bg_3.png'" alt="">
                  <span>上传证件反面照</span>
                </div>
                <div class="hasimg" v-else>
                  <img :src="user_verso_img" alt="">
                  <span class="delimg" @click="deletePic(5)"></span>
                </div>
              </div>
            </div>
          </li>
          <li class="li_item">
            <p>开户行:</p>
            <input v-model="bank_name" :readonly="!isEdit" @blur="mustClick" type="text" placeholder="请输入开户行">
          </li>
          <li class="li_item">
            <p>开户账号：</p>
            <input v-model="bank_num" :readonly="!isEdit" @blur="mustClick" type="tel" placeholder="请输入开户账号"
              maxlength="24"
              onkeyup="this.value =this.value.replace(/\s/g,'').replace(/[^\d]/g,'').replace(/(\d{4})(?=\d)/g,'$1 ');" />
          </li>
          <li class="li_item">
            <p>邮箱:</p>
            <input type="email" v-model="email" placeholder="选填，用于接收电子版合同" @blur="emailReg">
          </li>
        </ul>
      </div>
    </div>
    <!-- msg -->
    <div class="msgtext">实名认证服务由e签宝提供技术支持</div>
    <!-- 下一步 -->
    <div class="nextstep" :class="!flag&&'opacity'" @click="submit">
      <p class="nextmsg">下一步</p>
    </div>
  </div>
</body>
<script src="../js/flex.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/mui.picker.min.js"></script>
<script src="../js/tools.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="../js/exif.js"></script>
<script src="../js/jquery-3.4.1.js"></script>
<script src="../js/request.js"></script>
<script src="js/operator_rz.js"></script>
<script src="../js/not_return.js"></script>

</html>